<div style="display: flex; flex-wrap: wrap; gap: 20px">
  <b-select placeholder="Small size" size="small" style="width: 100%">
    <b-select-option value="apple">🍎 Apple</b-select-option>
    <b-select-option value="banana">🍌 Banana</b-select-option>
    <b-select-option value="orange">🍊 Orange</b-select-option>
    <b-select-option value="pear">🍐 Pear</b-select-option>
    <b-select-option value="grape">🍇 Grape</b-select-option>
    <b-select-option value="disabled" disabled>🚫 Disabled</b-select-option>
  </b-select>
  <b-select placeholder="Medium size(default)" style="width: 100%">
    <b-select-option value="apple">🍎 Apple</b-select-option>
    <b-select-option value="banana">🍌 Banana</b-select-option>
    <b-select-option value="orange">🍊 Orange</b-select-option>
    <b-select-option value="pear">🍐 Pear</b-select-option>
    <b-select-option value="grape">🍇 Grape</b-select-option>
    <b-select-option value="disabled" disabled>🚫 Disabled</b-select-option>
  </b-select>
  <b-select placeholder="Large size" size="large" style="width: 100%">
    <b-select-option value="apple">🍎 Apple</b-select-option>
    <b-select-option value="banana">🍌 Banana</b-select-option>
    <b-select-option value="orange">🍊 Orange</b-select-option>
    <b-select-option value="pear">🍐 Pear</b-select-option>
    <b-select-option value="grape">🍇 Grape</b-select-option>
    <b-select-option value="disabled" disabled>🚫 Disabled</b-select-option>
  </b-select>
</div>
